<template>
  <div>
    <headerMiddle title="我的收藏" />
    <post :item="item" v-for="(item,index) of collectionList" :key="index"/>
  </div>
</template>

<script>
import headerMiddle from "../components/headerMiddle";
import post from "../components/post";
export default {
  components: {
    headerMiddle,
    post
  },
  data(){
      return {
          collectionList: []
      }
  },
  mounted(){
    //   挂载完毕发送阿贾克斯渲染页面
      this.$axios({
          url: '/user_star',
          method: 'get',
      }).then(res=>{
          const {data} = res.data
        //   console.log(data)
          this.collectionList = data
        //   循环遍历里面每一项
          this.collectionList.forEach(item=>{
            //   在collectionList数组里面每一项加一个跟帖评论数量
              item.comment_length = item.comments.length;
            //   判断每一项里面的cover有没有数据
              if(item.cover){
                  item.cover.forEach(element=>{
                      // 如果没有 http 这个字符串
                      if(element.url.indexOf('http')<0){
                        //   没有的话，每一项就加一个默认的服务器地址
                          element.url = this.$axios.defaults.baseURL + element.url;
                      }
                  })
              }
          })
      })
  }
};
</script>

<style lang="less" scoped>

</style>